<%@ page errorPage="/error.jsp" pageEncoding="UTF-8" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>

<body>
	<article class="container_12">
		
		<section class="grid_12">
			<div class="block-border"><div class="block-content">
				<h1>Planning</h1>
				
				<div class="block-controls">
					<ul class="controls-buttons">
						<li><a href="javascript:void(0)" title="Yesterday"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/navigation-180.png" />" width="16" height="16"></a></li>

						<li class="sep"></li>
						<li class="controls-block"><strong>Monday 10</strong></li>
						<li class="sep"></li>
						<li><a href="javascript:void(0)" title="Tomorrow"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/navigation.png" />" width="16" height="16"></a></li>
					</ul>
				</div>
				
				<ul class="planning no-margin">
					<li class="planning-header">

						<span><b>Users</b></span>
						<ul>
							<li class="at-8">8</li>
							<li class="at-9">9</li>
							<li class="at-10">10</li>
							<li class="at-11">11</li>

							<li class="at-12">12</li>
							<li class="at-13">1</li>
							<li class="at-14">2</li>
							<li class="at-15">3</li>
							<li class="at-16">4</li>
							<li class="at-17">5</li>

							<li class="at-18">6</li>
							<li class="at-19">7</li>
							<li class="at-20">8</li>
						</ul>
					</li>
					
					<li>
						<a href="javascript:void(0)"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-red.png" />" width="16" height="16"> John</a>

						<ul>
							<li class="lunch from-12 to-14"></li>
							<li class="zebras from-16 to-19"></li>
							<li class="current-time at-9-30"></li>
							<li class="from-8 to-12"><a href="javascript:void(0)" title="Event description" class="with-tip">8:00 - 12:00<span class="event-blue" style="width:38%">8:00 - 12:00</span></a></li>
							<li class="milestone at-15"><a href="javascript:void(0)" title="Milestone description" class="with-tip"></a></li>
						</ul>
					</li>

					<li>
						<a href="javascript:void(0)"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-green.png" />" width="16" height="16"> Sam</a>
						<ul>
							<li class="lunch from-12 to-14"></li>
							<li class="current-time at-9-30"></li>
							<li class="from-9 to-12"><a href="javascript:void(0)" title="Event description" class="with-tip">9:00 - 12:00<span class="event-blue" style="width:17%">9:00 - 12:00</span></a></li>
							<li class="milestone at-12"><a href="javascript:void(0)" title="Milestone description" class="with-tip"></a></li>

						</ul>
					</li>
					<li>
						<a href="javascript:void(0)"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-gray-female.png" />" width="16" height="16"> Lena</a>
						<ul>
							<li class="lunch from-12 to-14"></li>
							<li class="current-time at-9-30"></li>
							<li class="event-orange from-8 to-10"><a href="javascript:void(0)" title="Event description" class="with-tip">8:00 - 10:00</a></li>

						</ul>
					</li>
					<li>
						<a href="javascript:void(0)"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-gray.png" />" width="16" height="16"> Marc</a>
						<ul>
							<li class="lunch from-12 to-14"></li>
							<li class="current-time at-9-30"></li>
							<li class="event-green from-8 to-12"><a href="javascript:void(0)" title="Event description" class="with-tip">8:00 - 12:00</a></li>

							<li class="from-14 to-18"><a href="javascript:void(0)" title="Event description" class="with-tip">2:00 - 6:00</a></li>
						</ul>
					</li>
					<li>
						<span><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-female.png" />" width="16" height="16"> Jane</span>
						<ul class="zebras"></ul>
					</li>

					<li>
						<a href="javascript:void(0)"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-business-gray.png" />" width="16" height="16"> Erik</a>
						<ul>
							<li class="lunch from-12 to-14"></li>
							<li class="current-time at-9-30"></li>
							<li class="event-blue from-8-30 to-11-30"><a href="javascript:void(0)" title="Event description" class="with-tip">8:30 - 11:30</a></li>
							<li class="event-blue from-16 to-18"><a href="javascript:void(0)" title="Event description" class="with-tip">4:00 - 6:00</a></li>

						</ul>
					</li>
					<li>
						<a href="javascript:void(0)"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-business-boss.png" />" width="16" height="16"> George</a>
						<ul>
							<li class="lunch from-12 to-14"></li>
							<li class="current-time at-9-30"></li>
							<li class="event-purple from-8 to-11"><a href="javascript:void(0)" title="Event description" class="with-tip">8:00 - 11:00</a></li>

						</ul>
					</li>
					<li>
						<a href="javascript:void(0)"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-business.png" />" width="16" height="16"> James</a>
						<ul>
							<li class="lunch from-12 to-14"></li>
							<li class="current-time at-9-30"></li>
							<li class="milestone at-10"><a href="javascript:void(0)" title="Milestone description" class="with-tip"></a></li>

							<li class="milestone at-11"><a href="javascript:void(0)" title="Milestone description" class="with-tip"></a></li>
						</ul>
					</li>
					<li>
						<a href="javascript:void(0)"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-black.png" />" width="16" height="16"> Nathan</a>
						<ul>
							<li class="lunch from-12 to-14"></li>
							<li class="current-time at-9-30"></li>

							<li class="event-blue from-8 to-12"><a href="javascript:void(0)" title="Event description" class="with-tip">8:00 - 12:00</a></li>
							<li class="event-purple from-16 to-18"><a href="javascript:void(0)" title="Event description" class="with-tip">4:00 - 6:00</a></li>
						</ul>
					</li>
					<li>
						<a href="javascript:void(0)"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-thief.png" />" width="16" height="16"> Elwin</a>
						<ul>

							<li class="lunch from-12 to-14"></li>
							<li class="current-time at-9-30"></li>
							<li class="event-blue from-8 to-12"><a href="javascript:void(0)" title="Event description" class="with-tip">8:00 - 12:00</a></li>
						</ul>
					</li>
					<li>
						<a href="javascript:void(0)"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-red.png" />" width="16" height="16"> John</a>

						<ul>
							<li class="lunch from-12 to-14"></li>
							<li class="zebras from-16 to-19"></li>
							<li class="current-time at-9-30"></li>
							<li class="from-8 to-12"><a href="javascript:void(0)" title="Event description" class="with-tip">8:00 - 12:00<span class="event-blue" style="width:38%">8:00 - 12:00</span></a></li>
							<li class="milestone at-15"><a href="javascript:void(0)" title="Milestone description" class="with-tip"></a></li>
						</ul>
					</li>

					<li>
						<a href="javascript:void(0)"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-green.png" />" width="16" height="16"> Sam</a>
						<ul>
							<li class="lunch from-12 to-14"></li>
							<li class="current-time at-9-30"></li>
							<li class="from-9 to-12"><a href="javascript:void(0)" title="Event description" class="with-tip">9:00 - 12:00<span class="event-blue" style="width:17%">9:00 - 12:00</span></a></li>
							<li class="milestone at-12"><a href="javascript:void(0)" title="Milestone description" class="with-tip"></a></li>

						</ul>
					</li>
					<li>
						<a href="javascript:void(0)"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-gray-female.png" />" width="16" height="16"> Lena</a>
						<ul>
							<li class="lunch from-12 to-14"></li>
							<li class="current-time at-9-30"></li>
							<li class="event-orange from-8 to-10"><a href="javascript:void(0)" title="Event description" class="with-tip">8:00 - 10:00</a></li>

						</ul>
					</li>
					<li>
						<a href="javascript:void(0)"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-gray.png" />" width="16" height="16"> Marc</a>
						<ul>
							<li class="lunch from-12 to-14"></li>
							<li class="current-time at-9-30"></li>
							<li class="event-green from-8 to-12"><a href="javascript:void(0)" title="Event description" class="with-tip">8:00 - 12:00</a></li>

							<li class="from-14 to-18"><a href="javascript:void(0)" title="Event description" class="with-tip">2:00 - 6:00</a></li>
						</ul>
					</li>
					<li>
						<span><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-female.png" />" width="16" height="16"> Jane</span>
						<ul class="zebras"></ul>
					</li>

					<li>
						<a href="javascript:void(0)"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-business-gray.png" />" width="16" height="16"> Erik</a>
						<ul>
							<li class="lunch from-12 to-14"></li>
							<li class="current-time at-9-30"></li>
							<li class="event-blue from-8-30 to-11-30"><a href="javascript:void(0)" title="Event description" class="with-tip">8:30 - 11:30</a></li>
							<li class="event-blue from-16 to-18"><a href="javascript:void(0)" title="Event description" class="with-tip">4:00 - 6:00</a></li>

						</ul>
					</li>
					<li>
						<a href="javascript:void(0)"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-business-boss.png" />" width="16" height="16"> George</a>
						<ul>
							<li class="lunch from-12 to-14"></li>
							<li class="current-time at-9-30"></li>
							<li class="event-purple from-8 to-11"><a href="javascript:void(0)" title="Event description" class="with-tip">8:00 - 11:00</a></li>

						</ul>
					</li>
				</ul>
					
				<ul class="message no-margin">
					<li>10 users found</li>
				</ul>
				
			</div></div>
		</section>

		
		<div class="clear"></div>
		
		<section class="grid_12">
			<div class="block-border"><div class="block-content">
				<h1>Month planning</h1>
				
				<div class="block-controls">
					<ul class="controls-buttons">
						<li><a href="#" title="Previous Month"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/navigation-180.png" />" width="16" height="16"></a></li>
						<li class="sep"></li>

						<li class="controls-block"><strong>March</strong></li>
						<li class="sep"></li>
						<li><a href="#" title="Next Month"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/navigation.png" />" width="16" height="16"></a></li>
					</ul>
				</div>
				
				<ul class="planning no-margin">
					<li class="planning-header">
						<span><b>Users</b></span>

						<ul>
							<li class="at-day-1">1</li>
							<li class="at-day-2">2</li>
							<li class="at-day-3">3</li>
							<li class="at-day-4">4</li>
							<li class="at-day-5">5</li>

							<li class="at-day-6">6</li>
							<li class="at-day-7">7</li>
							<li class="at-day-8">8</li>
							<li class="at-day-9">9</li>
							<li class="at-day-10">10</li>
							<li class="at-day-11">11</li>

							<li class="at-day-12">12</li>
							<li class="at-day-13">13</li>
							<li class="at-day-14">14</li>
							<li class="at-day-15">15</li>
							<li class="at-day-16">16</li>
							<li class="at-day-17">17</li>

							<li class="at-day-18">18</li>
							<li class="at-day-19">19</li>
							<li class="at-day-20">20</li>
							<li class="at-day-21">21</li>
							<li class="at-day-22">22</li>
							<li class="at-day-23">23</li>

							<li class="at-day-24">24</li>
							<li class="at-day-25">25</li>
							<li class="at-day-26">26</li>
							<li class="at-day-27">27</li>
							<li class="at-day-28">28</li>
							<li class="at-day-29">29</li>

							<li class="at-day-30">30</li>
							<li class="at-day-31">31</li>
						</ul>
					</li>
					
					<li>
						<a href="#"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-red.png" />" width="16" height="16"> John</a>
						<ul>

							<li class="zebras from-day-15 to-day-21"></li>
							<li class="current-time at-day-9"></li>
							<li class="from-day-2 to-day-10"><a href="#" title="Event description" class="with-tip">Project name<span class="event-blue" style="width:87.5%">Project name</span></a></li>
							<li class="milestone at-day-15"><a href="#" title="Milestone description" class="with-tip"></a></li>
						</ul>
					</li>
					<li>
						<a href="#"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-green.png" />" width="16" height="16"> Sam</a>

						<ul>
							<li class="current-time at-day-9"></li>
							<li class="from-day-7 to-day-12"><a href="#" title="Event description" class="with-tip">Project name<span class="event-blue" style="width:40%">Project name</span></a></li>
							<li class="milestone at-day-12"><a href="#" title="Milestone description" class="with-tip"></a></li>
						</ul>
					</li>
					<li>
						<a href="#"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-gray-female.png" />" width="16" height="16"> Lena</a>

						<ul>
							<li class="current-time at-day-9"></li>
							<li class="event-orange from-day-1 to-day-6"><a href="#" title="Event description" class="with-tip">Project name</a></li>
						</ul>
					</li>
					<li>
						<a href="#"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-gray.png" />" width="16" height="16"> Marc</a>

						<ul>
							<li class="current-time at-day-9"></li>
							<li class="event-green from-day-8 to-day-12"><a href="#" title="Event description" class="with-tip">Project name</a></li>
							<li class="from-day-18 to-day-21"><a href="#" title="Event description" class="with-tip">Project name</a></li>
						</ul>
					</li>
					<li>
						<span><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-female.png" />" width="16" height="16"> Jane</span>

						<ul class="zebras"></ul>
					</li>
					<li>
						<a href="#"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-business-gray.png" />" width="16" height="16"> Erik</a>
						<ul>
							<li class="current-time at-day-9"></li>
							<li class="event-blue from-day-3 to-day-15"><a href="#" title="Event description" class="with-tip">Project name</a></li>

							<li class="event-blue from-day-26 to-day-31"><a href="#" title="Event description" class="with-tip">Project name</a></li>
						</ul>
					</li>
					<li>
						<a href="#"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-business-boss.png" />" width="16" height="16"> George</a>
						<ul>
							<li class="current-time at-day-9"></li>

							<li class="event-purple from-day-18 to-day-27"><a href="#" title="Event description" class="with-tip">Project name</a></li>
						</ul>
					</li>
					<li>
						<a href="#"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-business.png" />" width="16" height="16"> James</a>
						<ul>
							<li class="current-time at-day-9"></li>

							<li class="milestone at-day-8"><a href="#" title="Milestone description" class="with-tip"></a></li>
							<li class="milestone at-day-14"><a href="#" title="Milestone description" class="with-tip"></a></li>
						</ul>
					</li>
					<li>
						<a href="#"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-black.png" />" width="16" height="16"> Nathan</a>
						<ul>
							<li class="current-time at-day-9"></li>

							<li class="event-blue from-day-5 to-day-9"><a href="#" title="Event description" class="with-tip">Project name</a></li>
							<li class="event-purple from-day-17 to-day-21"><a href="#" title="Event description" class="with-tip">Project name</a></li>
						</ul>
					</li>
					<li>
						<a href="#"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/user-thief.png" />" width="16" height="16"> Elwin</a>
						<ul>

							<li class="current-time at-day-9"></li>
							<li class="event-blue from-day-14 to-day-25"><a href="#" title="Event description" class="with-tip">Project name</a></li>
						</ul>
					</li>
				</ul>
					
				<ul class="message no-margin">
					<li>10 users found</li>
				</ul>

				
			</div></div>
		</section>
	</article>
</body>